$(function () {
    let users = [
        {
            'name': 'test',
            'pwd': 'test',
            'nickname': '测试',
        },
    ]
    let is_login = false;
    let userinfo = localStorage.getItem('userinfo');
    if (userinfo) {
        userinfo = JSON.parse(userinfo);
        is_login = true;
    }
    if (is_login) {
        //屏蔽登录按钮
        if ($('#login_link').length) {
            $('#login_link').remove();
        }

        //展示登录后的信息
        if ($('#loginbox').length) {
            let html = '<img class="logo" src="./imgs/logo.png">' +
                '<span class="name"><a href="center.html" style="cursor: pointer;">' + userinfo.nickname + '</a></span>' +
                '<span><a id="logout_btn" style="cursor: pointer;">退出</a></span>'
            $('#loginbox').html(html);
        }
    }

    //退出登录
    $(document).on('click', '#logout_btn', function () {
        layer.confirm('确定退出？', {
            btn: ['确定', '取消']
        }, function () {
            localStorage.removeItem('userinfo');
            location.href = 'index.html'
        }, function () {

        });
    });

    //点击登录
    $(document).on('click', '#login_submit_btn', function () {
        // 点击登录按钮
        layer.load();
        // 清除所有错误
        $('.border_wrap').siblings('p').text("");

        if (is_login) return false;

        let name = $('#login-input-account').val();
        if (name.length == 0) {
            $('.account').parent('.border_wrap').siblings('p').text("请输入正确的账号");
            return false;
        }

        let pwd = $('#login-input-pwd').val();
        if (pwd.length == 0) {
            $('.pwd').parent('.border_wrap').siblings('p').text("请输入正确的密码");
            return false;
        }

        layer.closeAll();

        for (let i in users) {
            if (users[i].name == name) {
                is_login = true;
                localStorage.setItem('userinfo', JSON.stringify(users[i]));
                break;
            }
        }

        if (is_login) {
            layer.msg('登录成功!', {icon: 6}, function () {
                location.href = 'center.html';
            });
        } else {
            layer.msg('用户名或密码错误!', {icon: 5});
        }
    })
})